<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=utf-8"/>
<title>demo</title>
<style type="text/css">
	head,input,button,select,h1{
		font-size: 30px;
		line-height:1.8;
	}
</style>
</head>
<body>
<h1>员工查询</h1>
<label>请输入员工编号:</label>
<input type="text" id="keyword"/>
<button id="search">查询</button>
<p id="searchResult"></p>

<h1>员工创建</h1>
<label>请输入员工姓名:</label>
<input type="text" id="staffname"/><br/>
<label>请输入员工编号:</label>
<input type="text" id="staffnumber"/><br/>
<label>请输入员工性别</label>
<select id="staffsex">
	<option>male</option>
	<option>female</option>
</select><br/>
<label>请输入员工职位</label>
<input type="text" id="staffjob"/>
<button id="save">保存</button>
<p id="createResult"></p>

<script>
	document.getElementById("search").onclick=function(){
		var request=new XMLHttpRequest();
		request.open("GET","service.php?number="+document.getElementById("keyword").value);
		request.send();
	}
</script>
</body>
</html>